﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<SetListManager.Models.SongAndUsageTypes>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Edit Song Details
</asp:Content>
<asp:Content ID="Head1" ContentPlaceHolderID="HeadContent" runat="server">
    <%--jquery base--%>
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1-vsdoc.js" type="text/javascript"></script>   
    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js" type="text/javascript"></script>   

    <script type="text/javascript">
        $(function () {
            // Set focus to our song title
            $('#Title').focus();
        });
    </script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <% using (Html.BeginForm()) {%>

        <div id="editbuttons_rt">
        <input type="submit" class="link-button" value="Save" />
        <%: Html.ActionLink("Cancel", "Index", null, new { @class = "link-button" })%>
        </div>

        <h1>Edit Song Details</h1>
        <%: Html.ValidationSummary(true) %>
        
        <fieldset>
           
            <div class="editor-label">
                <%: Html.LabelFor(model => model.song.Title) %>
                
            </div>
            <div class="editor-field">
                <%: Html.TextBox("Title", Model.song.Title, new { style = "width:40em;" }) %>
                <%: Html.ValidationMessageFor(model => model.song.Title) %>
            </div>
               
            <div class="editor-label">
                <%: Html.LabelFor(model => model.song.Usage) %>
            </div>
            <div class="editor-field">
                <%: Html.DropDownList("Usage", new SelectList(Model.usagetypes,"UsageTypeID","UsageText", Model.song.Usage.UsageTypeID) ) %>
                <%: Html.ValidationMessageFor(model => model.usagetypes) %>
            </div>
            
            <div class="editor-label">
                <%: Html.LabelFor(model => model.song.Key) %>
            </div>
            <div class="editor-field">
                <%: Html.TextBox("Key", Model.song.Key, new { style = "width:5em;" })%>
                <%: Html.ValidationMessageFor(model => model.song.Key) %>
            </div>
            
            <div class="editor-label">
                <%: Html.LabelFor(model => model.song.Soloist) %>
            </div>
            <div class="editor-field">
                <%: Html.TextBox("Soloist", Model.song.Soloist, new { style = "width:10em;" })%>
                <%: Html.ValidationMessageFor(model => model.song.Soloist) %>
            </div>
            <div class="editor-label">
                <%: Html.LabelFor(model => model.song.Duration) %>
            </div>
            <div class="editor-field">
                <%: Html.TextBox("Duration", Model.duration_str, new { style = "width:10em;" })%>
                <%: Html.ValidationMessageFor(model => model.song.Duration) %>
            </div>
            
            <div class="editor-label">
                <%: Html.LabelFor(model => model.song.Tempo) %>
            </div>
            <div class="editor-field">
                <%: Html.TextBox("Tempo", Model.song.Tempo, new { style = "width:10em;" })%>
                <%: Html.ValidationMessageFor(model => model.song.Tempo) %>
            </div>
            
            <div class="editor-label">
                <%: Html.LabelFor(model => model.song.Genre) %>
            </div>
            <div class="editor-field">
                <%: Html.TextBox("Genre", Model.song.Genre, new { style = "width:10em;" })%>
                <%: Html.ValidationMessageFor(model => model.song.Genre) %>
            </div>
            
            
            <div class="editor-label">
                <%: Model.song.Band.Note1Name %>
            </div>
            <div class="editor-field">
                <%: Html.TextBox("Note1", Model.song.Note1, new { style = "width:40em;" })%>
                <%: Html.ValidationMessageFor(model => model.song.Note1) %>
            </div>
            <div class="editor-label">
                <%: Model.song.Band.Note2Name %>
            </div>
            <div class="editor-field">
                <%: Html.TextBox("Note2", Model.song.Note2, new { style = "width:40em;" })%>
                <%: Html.ValidationMessageFor(model => model.song.Note2) %>
            </div>
            <div class="editor-label">
                <%: Model.song.Band.Note3Name %>
            </div>
            <div class="editor-field">
                <%: Html.TextBox("Note3", Model.song.Note3, new { style = "width:40em;" })%>
                <%: Html.ValidationMessageFor(model => model.song.Note3) %>
            </div>
            <div class="editor-label">
                <%: Model.song.Band.Note4Name %>
            </div>
            <div class="editor-field">
                <%: Html.TextBox("Note4", Model.song.Note4, new { style = "width:40em;" })%>
                <%: Html.ValidationMessageFor(model => model.song.Note4) %>
            </div>
            <div class="editor-label">
                <%: Model.song.Band.Note5Name %>
            </div>
            <div class="editor-field">
                <%: Html.TextBox("Note5", Model.song.Note5, new { style = "width:40em;" })%>
                <%: Html.ValidationMessageFor(model => model.song.Note5) %>
            </div>
            
        </fieldset>

    <% } %>

    <div>
        <%: Html.ActionLink("Back to List", "Index") %>
    </div>

</asp:Content>

